<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/ls.css"/>
</head>
<body>
<header flex="main:center dir:top cross:center">
    <span>AVITAL</span>
    <span>Mobile UI Kit</span>
</header>
<section flex="main:center dir:top cross:center">
    <input type="E-mail" placeholder="E-mail" flex="main:center"/>
    <input type="password" placeholder="Password"/>
</section>
<section class="yewei">
    <button type="button" flex="main:center">LOGIN NOW <img src="../image/jt.png"/></button>
    <div flex="main:center">
        <button flex="main:center"><img src="../image/f.png"/>Facebook</button>
        <button flex="main:center"><img src="../image/g.png"/>Google+</button>
    </div>
    <p flex="cross:center main:center">
        <a href="#">Don’t have an account?</a>
    </p>
</section>

</body>
</html>